<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	</head>
	<body>
		<!--双向数据绑定-->
	<div id="bd" v-if="true">
		<!--{{massge}}
		<br/>
		<input type="text" v-model="massge" />-->
		<!--vue 支持js的所有表达试-->
		<!--{{5+5}}
		</br>
		{{ok ? 'yes':'no'}}</br>
		{{zffz.split('').reverse().join('')}}-->
		{{massge| capitalize}}
	
	</div>

	
	<script type="text/javascript">
		//双向数据绑定V-model
//	var vm=new Vue({
//		el:'#bd',
//		data:{
//			massge:'hhhhhh'
//		}
//	})
//vue 支持js的所有表达试
// new Vue({
// 	el:'#bd',
// 	data:{
// 		ok:true,
// 	   zffz:'bvuhsabvhj' 
// 		
// 	}
// })
//vue过滤器
 //var vm=new Vue({
 	//el:'#bd',
 	//data:{
 	//	massge:'i want you all time',
 	//},
 	//filters: {//.双大括号表达式  {{  文本字符串 |  过滤函数  }}.v-bind:str= "文本字符串 | 过滤函数"
   // capitalize: function (value) {
    //  if (!value) return ''
  //  value = value.toString()//toString（）方法返回一个表示改对象的字符串
            //如果是对象会返回，toString() 返回 “[object type]”,其中type是对象类型。
  // return value.charAt(0).toUpperCase()+value.slice(1)
       //先把第一个字母截取下来、、然后在加上默认值除了第一个之母后面的所有字母和空格
       //charAt(i) 就是在第i个位置的字符。从字符串从左向右数
       //toUpperCase() 方法用于把字符串转换为大写
       //splice() 方法 用于插入、删除或替换数组的元素。 slice() 方法 可提取字符串的某个部分，
       //并以新的字符串返回被提取的部分。 用法 splice 的参数
    }
  }
 	
 	
 })

	</script>
	</body>
</html>
